<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet library="css" name="grid.css" />
	<h:outputStylesheet library="css" name="ext_960gs.css" />
	<h:outputStylesheet library="css" name="index.css" />
	<title>#{index.eventName}</title>
</h:head>
<h:body>
	<div class="container_24 content">
		<div class="grid_24">
			<p:panel styleClass="clearfix" id="contentPanel">
				<div class="grid_8">
					<p:graphicImage id="logoImage" value="/resources/images/logo.jpg"
						styleClass="logo" />
				</div>
				<div class="grid_16">
					<p:galleria value="#{index.banners}" var="banner" panelWidth="600"
						showCaption="true" panelHeight="200" transitionInterval="4000">
						<p:graphicImage value="/resources/images/banners/#{banner.image}"
							styleClass="banner" alt="#{banner.description}"
							title="#{banner.image}" />
					</p:galleria>
				</div>
			</p:panel>

			<p:panel styleClass="clearfix" style="margin-top:20px">
				<h:form>
					<p:menubar>
						<p:menuitem value="Inicio" />
						<p:menuitem value="Hotmail" />
						<p:menuitem value="Yahoo Mail" />
						<p:menuitem value="Youtube" />
						<p:menuitem value="Break" />
					</p:menubar>
				</h:form>
			</p:panel>
		</div>
		<div class="grid_24">
			<p:panel header="Minicursos" toggleable="true">
				<p:outputLabel value="teste" />
			</p:panel>

			<p:panel header="Palestras" toggleable="true">
			</p:panel>

			<p:panel header="Inscricao" styleClass="clearfix">

				<div class="grid_3">
					<p:outputLabel id="cpfLabel" value="CPF" for="cpfInput" />
				</div>

				<div class="grid_6">
					<p:inputMask required="true" id="cpfInput" mask="999.999.999-99"
						placeHolder="_" />
				</div>

				<div class="grid_3">
					<p:outputLabel id="nomeLabel" value="Nome" for="nomeInput" />
				</div>

				<div class="grid_12">
					<p:inputText required="true" id="nomeInput" size="100" />
				</div>
				<div class="grid_3">
					<p:outputLabel id="emailLabel" value="Email" for="emailInput" />
				</div>

				<div class="grid_9">
					<p:inputText required="true" id="emailInput" size="100" />
				</div>

				<div class="grid_3">
					<p:outputLabel id="instituicaoLabel" value="Instituicao"
						for="instituicaoInput" />
				</div>

				<div class="grid_9 clearfix">
					<p:inputText required="true" id="instituicaoInput" size="100" />
				</div>
			</p:panel>
		</div>
	</div>
</h:body>
</html>
